@import '../base.scss';

.body{
    .title-1{
        height: 1303px;
        background: url('../../images/home-carnival1016/main/pc/images/banner_01.jpg')no-repeat center 0,
        url('../../images/home-carnival1016/main/pc/images/banner_02.jpg')no-repeat center 210px,
        url('../../images/home-carnival1016/main/pc/images/banner_03.jpg')no-repeat center 529px,
        url('../../images/home-carnival1016/main/pc/images/banner_04.jpg')no-repeat center 873px,
    }
    .brand{
        background-color: #B12200;
        width: 100%;
        .t1{
            width: 374px;
            height: 103px;
            background: url('../../images/home-carnival1016/main/pc/t1.png');
            margin: 0 auto;
        }
        .bg1{
            width: 100%;
            height: 200px;
            background: url('../../images/home-carnival1016/main/pc/bg1.jpg')no-repeat center/cover;
            a{
                display: block;
                margin: 0 auto;
                width: 487px;
                padding-top: 40px;
                
            }
        }
        .brand-body{
            width: 1050px;
            margin: 0 auto;
        }
        ul{
            li{
                margin-left: 10px;
                margin-top: 10px;
            }
            li.container{
                // width: 100%;
                width: 1028px;
                background-color: #3F1306;
                display: flex;
                justify-content: space-around;
                flex-wrap: wrap;
                box-sizing: border-box;
                padding: 10px;
                .card{
                    display: block;
                    width: 328px;
                    height: 432px;
                    background: url('../../images/home-carnival1016/main/pc/card.png')no-repeat center/100% 100%;
                    color: #333;
                    margin-top: 10px;
                    img{
                        width: 100%;
                        height: 305px;
                    }
                    p{
                        font-size: 16px;
                        margin: 26px 10px 16px;
                    }
                    >div{
                        >span{
                            color: red;
                            font-size: 16px;
                            padding-left: 10px;
                            >i{
                                font-size: 26px;
                                font-style: normal;
                                font-weight: bold;
                            }
                        }
                        >i{
                            font-style: normal;
                            font-size: 16px;                            
                            padding-left: 2px;
                        }
                    }
                }

            }
        }

    }
    .brand-logo{
        position: relative;
        width: 1015px;
        height: 380px;
        background: url('../../images/home-carnival1016/main/pc/pp.png')no-repeat center/100% 100%;
        margin: 0 auto;
        list-style: none;
        background-color: #fff;
        
        transform: translateY(80px);
        li{
            display: inline-block;
            margin-left: 93px;
            margin-top: 146px;
            a{
                display: block;
                width: 136px;
                height: 56px;
                margin-top: 6px;
            }
        }
    }
    .branch{
        width: 100%;
        background-color: #B12200;
        
        .branch-head{
            width: 100%;
            height: 363px;
            background: url('../../images/home-carnival1016/main/pc/bg2.jpg')no-repeat center/100% 100%;
            .branch-title{
                width: 374px;
                height: 103px;
                margin: 0 auto;
                background: url('../../images/home-carnival1016/main/pc/branch-title.png')no-repeat center/100% 100%;
                transform: translateY(210px);
            }
        }
        .branch-body{
            transform: translateY(-30px);        
            margin: 0 auto;
            width: 1040px;
            display: flex;
            flex-wrap: wrap;
            li{
                position: relative;
                i{
                    position: absolute;
                    left: 154px;
                    top: 145px;
                }
            }
        }
        
    }
    .match{
        width: 1008px;
        margin: 0 auto;
        .match-head{
            width: 374px;
            height: 103px;
            background: url('../../images/home-carnival1016/main/pc/t2.png')no-repeat center/100% 100%;
            margin: 0 auto;
            margin-top: 50px;
        }
        ul{
            width: 100%;
            li{
                position: relative;
                width: 100%;
                height: 412px;
                margin-top: 20px;
                background: url('../../images/home-carnival1016/main/pc/b1.jpg')no-repeat center/100% 100%;
                a{
                    position: absolute;
                    width: 80px;
                    height: 80px;
                    left: 0;
                    top: 0;
                }
                .match-1-1{
                    left: 234px;
                    top: 126px;
                }
                .match-1-2{
                    left: 798px;
                    top: 168px;
                }
                .match-1-3{
                    left: 515px;
                    top: 117px;
                }
            }
            .match-2{
                background: url('../../images/home-carnival1016/main/pc/b2.jpg')no-repeat center/100% 100%;
                .match-2-1{
                    left: 228px;
                    top: 146px;
                }
                .match-2-2{
                    left: 807px;
                    top: 168px;
                }
                .match-2-3{
                    left: 515px;
                    top: 117px;
                }
            }
            .match-3{
                background: url('../../images/home-carnival1016/main/pc/b3.jpg')no-repeat center/100% 100%;
                .match-3-1{
                    left: 121px;
                    top: 121px;
                }
                .match-3-2{
                    left: 543px;
                    top: 182px;
                }
                .match-3-3{
                    left: 619px;
                    top: 89px;
                }
            }
            .match-4{
                background: url('../../images/home-carnival1016/main/pc/b4.jpg')no-repeat center/100% 100%;
                .match-4-1{
                    left: 87px;
                    top: 145px;
                }
                .match-4-2{
                    left: 501px;
                    top: 113px;
                }
                .match-4-3{
                    left: 796px;
                    top: 218px;
                }
            }
        }
    }
    .back-top{
        height: 184px;
        background-color: #B12200;

        img{
            display: block;
            margin: 0 auto;
            padding-top: 50px;
        }
    }
}